.fl{
	float: left;
}
.fr{
	float: right;
}
.clear{
	content: '';
	display: block;
	clear: both;
}

html,body{
	
	font-size: 100px;
}
.wrap{
	width: 7.68rem;
	max-width: 7.68rem;
	
}
.header{
	width: 7.68rem;
	height: 0.83rem;
	line-height: 0.83rem;
	background: #48382b;
	text-align: center;
	font-size: 0.36rem;
	color: #323232;
	position: relative;
}
.header img{
	position: absolute;
	left: 0.31rem;
	top:0.31rem;
	width: 0.2rem;
	
}
.header span{
	color: white;
}


/*==========content===========*/

.content{
	width: 7.68rem;
	height: 2.38rem;
	padding: 0.26rem 0;
	background: #eeeeee;
}
.content ul{
	width: 7.68rem;
	height: 2.38rem;
	background: white;
}
.content ul li{
	width: 7.07rem;
	height: 0.78rem;
	line-height: 0.78rem;
	border-bottom: 1px solid #c5c4c4; 
	font-size: 0.24rem;
	color: black;
	padding: 0 0.31rem;
	position: relative;
}
.content ul li .img1{
	margin: 0.3rem 0.27rem 0 0;
}
.content ul li .img2{
	position: absolute;
	right: 0.31rem;
	top: 0.27rem;
}

/*=============footer=============*/
.footer{
	width: 7.68rem;
	height: 6.51rem;
	background: white;
	
	/*display: none;*/
}
.footer ul{
	width: 7.68rem;
	height: 1.56rem;
}
.footer ul li{
	width: 7.07rem;
	height: 0.78rem;
	line-height: 0.78rem;
	border-bottom: 1px solid #c5c4c4; 
	font-size: 0.24rem;
	padding: 0 0.31rem;
	position: relative;
	color: black;
}
.footer ul li .img1{
	margin: 0.3rem 0.27rem 0 0;
}
.footer ul li .img2{
	position: absolute;
	right: 0.31rem;
	top: 0.27rem;
}
.footer input{
	width: 7.07rem;
	height: 0.6rem;
	border-radius: 20rem;
	background: #48382b;
	font-size: 0.32rem;
	text-align: center;
	position: absolute;
	bottom: 0.2rem;
	left: 0.31rem;
	color: white;
}


/*===============媒体审查=========*/

@media screen and (max-width:414px){

	html,body{
		
		font-size: 53.9px;
	}
	.wrap{
		height: 736px;
	}
	.content ul li .img1{
		margin: 0.2rem 0.27rem 0 0;
	}
	.footer ul li .img1{
		margin: 0.2rem 0.27rem 0 0;
	}
	.content ul li .img2{
		width: 0.15rem;
	}
	.footer ul li .img2{
		width: 0.15rem;
	}

}


